{% extends 'base.html' %}

{% block title_suffix %}
 | Show question
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="/static/css/questions.css" />
{% endblock %}

{% block all_content %}
    <div class="page-header">
        <h1>Question <small>Detailed information about a question</small></h1>
    </div>
    <h1>Question</h1>
    <p>{{ question }}</p>
    <h2>Answer(s)</h2>
    <ul>
    {% for answer in correct_answers %}
        <li>{{ answer.answer.answer }} (Correct)</li>
    {% endfor %}
    {% for answer in wrong_answers %}
        <li>{{ answer.answer.answer }} (Wrong)</li>
    {% endfor %}
    </ul>
    <h1>Preview</h1>
    {% load question_extras %}
    {% show_question question %}
    <div class="pull-right">
        <a href="{% url 'question.views.edit' question_id=question.id %}" class="btn btn-primary">Edit</a>
    </div>
{% endblock %}
